<article class="phoneBox">
    <nav class="logo"></nav>
    <h2>优时共享</h2>
    <form class="textInput">
        <label>手机号</label>
        <input type="tel" placeholder="请输入手机号" v-model="mobile_phone" maxlength="11" />
    </form>
    <div class="codeBox">
        <form class="code fl">
            <label>验证码</label>
            <input type="number" placeholder="请输入验证码" v-model="verification_code"/>
        </form>
        <section class="obtain fl" @click="getCode()" :class="{'obtain-on':mobile_phone.length>0&&timeout==0}">{{timeout|timeText}}</section>
    </div>
    <form class="textInput">
        <label>邀请码</label>
        <input type="text" placeholder="请输入邀请码（选填）" v-model="invite_code" />
    </form>
    <section class="argee" :class="{'argee-on':agree}" @click.stop="agreeClick()">我已阅读，并同意<span class="protocol" @click.stop="$router.push({path:'/explain/register'})">《用车注册协议》</span></section>
    <div class="next" @click="submit()">验证手机</div>
</article>